<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-05-05 22:02:56
 * @LastEditors: lalahahababa
 * @LastEditTime: 2022-01-08 20:57:31
-->
<template>
  <div>
 <div ref="bottom4_container" style="height:223px"></div>
  </div>
</template>


<script>
import { Liquid } from '@antv/g2plot';


export default {
     
    created(){


    },
    mounted(){
      this.initChart()

      },
      methods:{
        initChart() {
        const liquidPlot = new Liquid(this.$refs.bottom4_container, {
          percent: 0.4,
          outline: {
            border:4 ,
              distance: 2,
              },
          wave: {
              length: 245,
  },
});
liquidPlot.render();

        }

      }
}

</script>


<style scoped>

</style>